<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../JS_lib/lib/jquery.min.js"></script>
    <style>
        .active{}
    </style>
</head>
<body>
<ul id="list">
    <li>1111</li>
    <li>2222</li>
    <li>3333</li>
    <li>4444</li>
</ul>
<script type="text/javascript">
    window.onload=function(){
        setTimeout(function(){
            var oUl=document.getElementById('list');
            var lis=document.getElementsByTagName('li');
            var newCount=lis.length>0?5:10;
//            alert(lis.length+2)
            for(var i=lis.length,len=i+newCount;i<len;i++){
                var li=document.createElement('li');
                   li.innerHTML='5555';
                console.log(li)
//                   alert(li.innerHTML)
                oUl.appendChild(li);

//                oUl.insertBefore(li,oUl.childNodes[2]);
            }


        },1000)

//        定时器
//        setInterval(function(){
//            var oUl=document.getElementById('list');
//            var li=document.createElement('li');
//            li.innerHTML='5555';
////        oUl.appendChild(li);
//            oUl.insertBefore(li,oUl.childNodes[2]);
//        },1500)

    };
//    $(document).ready(function(){
//        $('#list').append('<li>5555</li>')
//
//    })

</script>
</body>
</html>